<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
<link rel="stylesheet" href="css/注册.css" type="text/css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/form.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.js" ></script>
<style>
.button1 {
    background-color: #31C27C; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
h1{
    font-size:30px;
    color:#930;
    text-align:center;
}


.button1:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
</style>

<script type="text/javascript">
	function reloadCheckImg()
	{
	    $("#imgcod").attr("src", "img.jsp?t="+(new Date().getTime()));  //<img src="...">
	}
</script>
</head>
<body>

<body class="main">

       <%@include file="head2.jsp"%>
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<div id="divcontent">
		<form action="registerSeverlet" method="post" onsubmit="return checkForm();">
			<table width="850px" border="0" cellspacing="0">
				<tr>
					<td style="padding: 30px"><h1>新用户注册</h1>
						<table width="70%" border="0" cellspacing="2" class="upline">
							<tr>
								<td style="text-align: right; width: 20%">邮箱：</td>
								<td style="width: 40%">
								<input type="text" class="textinput"  id="email" name="email" onkeyup="checkEmail();"/>
								</td>
								<td colspan="2"><span id="emailMsg"></span><font color="#999999">请输入有效的邮箱地址</font></td>
							</tr>
							<tr>
								<td style="text-align: right">用户名：</td>
								<td><input type="text" class="textinput"  id="username" name="username" onkeyup="checkUsername();"/>
								</td>
								<td colspan="2"><span id="usernameMsg"></span><font color="#999999">字母数字下划线7到16位, 不能是数字开头</font></td>
							</tr>
							<tr>
								<td style="text-align: right">密码：</td>
								<td><input type="password" class="textinput"  id="password" name="password" onkeyup="checkPassword();"/></td>
								<td><span id="passwordMsg"></span><font color="#999999">密码请设置6-16位字符</font></td>
							</tr>
							<tr>
								<td style="text-align: right">重复密码：</td>
								<td>
								<input type="password" class="textinput"  id="repassword" name="repassword" onkeyup="checkConfirm();"/>
								</td>
								<td><span id="confirmMsg"></span>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right">性别：</td>
								<td colspan="2">&nbsp;&nbsp;
                                <input type="radio" name="gender" value="男" checked="checked" /> 男
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="radio" name="gender" value="女" /> 女
								</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right">联系电话：</td>
								<td colspan="2">
								<input type="text" class="textinput"
									style="width: 350px" name="telephone" />
								</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right">个人介绍：</td>
								<td colspan="2">
								<textarea class="textarea" name="introduce"></textarea>
								</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right; width: 20%">输入验证码：</td>
								<td style="width: 50%">
								<input type="text" class="textinput" />
								</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td style="text-align: right; width: 20%;">&nbsp;</td>
								<td rowspan="2" style="width: 50%">
									<a href="javascript:void(0);" onclick="reloadCheckImg();">
										<img src="${pageContext.request.contextPath}/img.jsp"  id="imgcod"/>
									</a>&nbsp;&nbsp;
									<a href="javascript:void(0);" onclick="reloadCheckImg();">看不清换一张</a>
								</td>
							</tr>
						</table>

						<table width="70%" border="0" cellspacing="0">
							<tr>
								<td style="padding-top: 20px; text-align: center">
									<input type="submit" class="button1" value="提交" name="submit" border="0" width="140" height="25"/>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</form>
	</div>






<!--<div class="box">
        <div class="littlebox">
            <h4>用户注册</h4>
            <hr/>
            <form action="registerSeverlet" method="post">
                <br />
                   &nbsp;&nbsp;请输入用户名：<input type="text" class="a" name="username">
                <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    请输入密码：<input type="password" class="a" name="password">
                <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    请确认密码：<input type="password" class="a" name="">
                <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    性别：男<input type="radio" name="gender" value="男"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          女<input type="radio" name="gender" value="女"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    电子邮箱：<input type="text" class="a" name="email">
                <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    出生日期：<input type="date" class="a" name="birthday">
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <br/>
                  <input type="submit" value="注册" class="zhuce">
            </form>
            <div>
               
            </div>
            <div>
                <a href="shouye.html">返回首页</a>
            </div>
        </div>
    </div>-->
    
 
</body>
</html>